<template>
  <div class="most-container">
    <img :src="position.img|formatImg('85.115')" alt="">
    <h4>{{position.nm}}</h4>
    <span>{{position.comingTitle}}</span>
  </div>
</template>
<script>
export default {
  props: ["position"]
}
</script>

<style lang="scss" scoped>
.most-container {
  height: 160px;
  margin: 5px 6px;
  img {
    width: 85px;
    height: 115px;
  }
  h4 {
    font-size: 13px;
    color: #222;
    line-height: 27px;
    white-space: nowrap;
    overflow-x: hidden;
    width: 80px;
    text-overflow: ellipsis;
  }
  span {
    display: block;
    white-space: nowrap;
    overflow-x: hidden;
    width: 80px;
    text-overflow: ellipsis;
    color: #999;
  }
}
</style>

